<template>
    <el-header style="background-color: lightgray; text-align: right; font-size: 12px;height: 100px;">
      <el-header style="text-align: right; font-size: 12px;height: 100px;">
      <h1 style="font-size: 30px; text-align: left;">处置申请</h1>
      </el-header>
          <div>系统希望您不再是本系统受众，并提醒您务必谨遵医嘱</div>
         </el-header>
         <el-form>
            <el-form-item>
                <el-input style="width: 200px;margin-left: 20px;" v-model="optionNames.name" placeholder="请输入关键词"/>
                  
                <el-button type="primary" @click="search()" >搜索</el-button>
                <el-select style="width: 200px;margin-left: 20px;" v-model="optionNames.name" placeholder="请选择"></el-select>
            </el-form-item>
           
         </el-form>
        <el-main>
            <el-tag type="primary" style="width: 200px;margin-left: 20px;">当前共{{  }}位需要做该项处置</el-tag>
            <div class="tableref" style="width: 700px;height: 150px;background-color: white;display: flex;flex-direction: row;justify-content: space-between;">
             <div class="patientInfo"  style="display: flex; flex-direction: column;justify-content: space-evenly;margin-left: 20px;">
                <div class="flex gap-2">
              <el-tag type="primary">进行中</el-tag>
              <el-tag type="success">已完成</el-tag>
              <el-tag type="info">未开始</el-tag>
              <el-tag type="warning">警告</el-tag>
              <el-tag type="danger">已结束</el-tag>
  </div>
  <div class="pinfo">
    {{ }}
  </div>
  <div class="special" style="margin-left: 20px;">特殊说明:{{  }}</div>
             </div>
            
             <div class="options">
                <div class="look" style="display: flex; flex-direction: column;justify-content: space-evenly;">
                    <el-button style="margin: 10px; " type="primary" primary>查看详情</el-button>
                    <el-button style="margin: 10px; " type="primary" primary>开始处置</el-button>
                    <el-button style="margin: 10px; " type="danger" plain>取消处置</el-button>
                </div>
             </div>
            </div>
        </el-main>
        
 
   </template>
   
   <script lang="ts" setup name="CheckRequestNormal">
import { reactive } from 'vue';

   
 const optionNames=reactive({
    name: null,

 });
 const search=()=>{

 }
 
 

 
</script>






<style lang="css" link-ref="main.css"/>
 <style scoped> 
  h1{
    padding-left: 30px;
    
  }
 .label{
  display: inline-block;
  width: 200px;
   color: grey;
  padding-left: 30px;
  
 }
 
 h3{
  padding-left: 20px;
 }
 .demo-basic {
  text-align: right;
}
.demo-basic .sub-title {
  margin-bottom: 10px;
  font-size: 14px;
  color: var(--el-text-color-secondary);
}
.demo-basic .demo-basic--circle,
.demo-basic .demo-basic--square {
  display: flex;
  justify-content: flex-end;
  align-items: right;
}
.demo-basic .block:not(:last-child) {
  border-right: 1px solid var(--el-border-color);
}
.demo-basic .block {
  flex: 1;
}
.demo-basic .el-col:not(:last-child) {
  border-right: 1px solid var(--el-border-color);
}


</style>